<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,
			initial-scale=1,minimum-scale=1,maximum-scale=1,
			user-scalable=no" />
		<title></title>
		<style type="text/css">
		img,input,body,p{
			margin: 0;
			padding: 0;
			box-sizing: border-box;
		}
			div{
				width: 60vw;
				margin: 0 auto;
			}
			div img{
				display: block;
				width: 40vw;
				border-radius: 50%;
				margin: 10vh auto;
			}
			div input:nth-of-type(1),
			input:nth-of-type(2){
				border-top: none;
				border-left: none;
				border-right: none;
				line-height: 7vh;
				width: 60vw;
				display: block;
				margin: 0 auto;
			}
			div input:nth-of-type(3){
				width: 60vw;
				height: 7vh;
				background-color: green;
				display: block;
				margin: 0 auto;
				color: white;
				margin-top: 3vh;
			}
			div p:nth-of-type(1){
				color: gray;
				text-align: center;
				margin-top: 10vh;
			}
			div p:nth-of-type(2){
				color: gray;
				text-align: center;
				margin-top: 10vh;
			}
			@media only screen and (min-width: 420px) {
				div p:nth-of-type(1){
					float: left;
					margin-top: 3vh;
				}
				div p:nth-of-type(2){
					float: right;
					margin-top: 3vh;
				}
			}
		</style>
	</head>
	<body>
		<div>
			<img src="媒体查询/hehua.jpg"/>
			<input type="datetime" name="账号：" id="" value="账号：请输入账号" />
			<input type="datetime" name="密码：" id="" value="账号：请输入密码" />
			<input type="button" name="" id="" value="登&#x3000;&#x3000;录" />
			<p>忘记密码</p>
			<p>注册新用户</p>
		</div>
	</body>
</html>
